<!-- // 计算属性函数 -->
<template>
    <div>
        <el-card>
            <template #header>
                <span class="title-span">固有属性</span>
            </template>

            <el-checkbox-group v-model="dataCheckList">
                <el-checkbox label="零部件数量" value="零件编号" class="checkbox-item-sty" />
                <el-checkbox label="零部件质心" value="版本" class="checkbox-item-sty" />
                <el-checkbox label="零部件尺寸" value="定义" class="checkbox-item-sty" />
            </el-checkbox-group>

        </el-card>

        <el-card style="margin-top: 10px;">
            <template #header>
                <span class="title-span">3D数据</span>
            </template>
            <el-select v-model="dataSelect" placeholder="请选择">
                <el-option v-for="item in checkList" :key="item" :label="item" :value="item" />
            </el-select>
        </el-card>
    </div>
</template>

<script setup>
import { ref, defineProps } from 'vue';

const checkList = ref(['零件编号', '版本', '定义', '术语', '描述', '层级']);

const props = defineProps({
    // Define props here
    showFlowData: {
        type: Object,
    },
});
</script>

<style scoped>
.checkbox-item-sty {
    display: block;
}

::v-deep .el-checkbox__label {
    font-size: 16px;
    /* 你可以根据需要调整字体大小 */
}
</style>